<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
			<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
		<title>个人中心</title>
		<style>
			body {
				text-align: center;
				margin-top: 20px;
			}
			ul{
				/* margin-left: 0px; */
				padding: 0;
			}
			ul li{
				list-style: none;
				margin: 20px 0;
				padding: 0 0;
			}
			.title{
				border: #5FB878 1px solid;
				margin-bottom: 30px;
			}
			
			.pic img{
				width: 200px;
				height: 200px;
				border-radius: 50%;
			}
			.username{
				margin-top: 15px;
				margin-bottom: 20px;
			}
			
			.layui-btn{
				/* letter-spacing: 10px; */
				font-size: 13px;
				width: 70%;
				border-radius:15px
			}
			
		</style>
	</head>
	<body>
		<div class="title">个人中心</div>
		<div class="pic">
			  <img src="image/1.png">
		</div>
		<div class="username">张三</div>
		<div>
			<ul>
				<li><button id="personalInfo"  class="layui-btn layui-btn-radius">个人信息页面入口</button></li>
				<li><button id="personalOrder" class="layui-btn layui-btn-radius">订单列表页面入口</button></li>
				<li><button id="personalPwd" class="layui-btn layui-btn-radius">修改密码页面入口</button></li>
				<li><button id="personalIdea" class="layui-btn layui-btn-radius">意见反馈页面入口</button></li>
				<li><button id="personalBack" class="layui-btn layui-btn-radius">退出</button></li>
			</ul>
		</div>
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script>
		$(function(){
			$("#personalInfo").on("click",function(){
				location.href="personal-info.html";
			});
			$("#personalPwd").on("click",function(){
				location.href="personal-pwd.html";
			});
			$("#personalOrder").on("click",function(){
				location.href="personal-order.html";
			});
			$("#personalIdea").on("click",function(){
				location.href="personal-idea.html";
			});
			
			$("#personalBack").on("click",function(){
				location.href="index.html";
			});
		});
		</script>
	</body>
</html>
